.pico {
   i {
      width: 24px;
      height: 15px;
   }

   .i1 {
      background: url("@/assets/image/pico.png") repeat center center;
      background-size: 100% 100%
   }

   .i2 {
      background: url("@/assets/image/wifi.png") repeat center center;
      background-size: 100% 100%
   }

   .i3 {
      background: url("@/assets/image/cell.png") repeat center center;
      background-size: 100% 100%;
   }

}

.custom_input {
   width: 450px;
   height: 30px;
   padding: 10px;
   outline: none;
   // background: #e8e8e8;
   box-shadow:   -10px -10px 17px #ffffff, 5px 5px 30px #cdd4e9,
      -5px -5px 17px #ffffff;
   border: 2px solid #F4F3FE;
   border-radius: 10px;
   transition: all .3s;

   &:focus {
      border-color:#c2bfe0;
      box-shadow:inset 0px 0px 1px 0.1px #cdd4e9;
   }
}
.scene_list_hover {
   box-sizing: border-box;
   border: 3px solid transparent;
   padding: 8px;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   transition: all 0.3s;

   &:hover {
      transform: scale(1.1);
   }
}

.scene_list_active {
   border-color: #108ee9;
}